<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vowels</title>
    <link href="../static/css/shophome.css" rel="stylesheet">
    <link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <header>
  <div class="navbar navbar-dark bg-dark shadow-sm">
    <div class="container">
      <a href="/" class="navbar-brand d-flex align-items-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="me-2" viewBox="0 0 24 24"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>
        <strong>xiaoqiu</strong>
      </a>

    </div>
  </div>
</header>

<style>
    .button {
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 20px 2px 0 130px;
        cursor: pointer;
        border-radius: 7px;
    }

    div.polaroid {
        width: 45%;
        background-color: white;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        margin: 0 0 50px 370px ;
    }

    img{
        margin: 30px 0 20px 160px;
    }

    div.container {
      text-align: center;
      padding: 10px 20px;
    }

    .h2
    {
        text-align: center;
        margin: 0 0 45px;
    }

    .p{
        text-align: center;
        margin: 10px;
    }


</style>


</head>


<body>

<!--购物框-->
    <div class="box">
        <h2 class="reh"><strong>开心购物</strong></h2>
        <form method="post" action="/product">
            <div class="inputBox">
                <input type="number" name="account" required="">
                <label>请输入您的余额：</label>
            </div>
            <div class="inputBox">
                <input type="number" name="choice" required="">
                <label>请输入您要购买的商品编号：</label>
            </div>
            <input type="submit" name="提交" value="加入购物车">
        </form>
        <a href="/success" class="button">直接购买</a>
    </div>


<!--图片框--->
    <div class="box3">

    </div>

    <h2 class="h2">酒产品列表</h2>

    <div class="polaroid">
      <img src="../static/images/1.jpg" alt="Norway" style="width:50%">
      <div class="container">
            <h3>商品编号：0</h3>
            <h3>商品名称：伢伢兔荔枝酒</h3>
            <h3>$68rmb</h3>
        <p class="p">介绍：新鲜的荔枝果香味，口感细腻顺滑，唇齿间都流露着浓郁的荔枝果香味，非常好喝。</p>
      </div>
    </div>

    <div class="polaroid">
      <img src="../static/images/2.jpg" alt="Norway" style="width:50%">
      <div class="container">
            <h3>商品编号：1</h3>
            <h3>商品名称：Moscto d’ Asti</h3>
            <h3>$99rmb</h3>
        <p class="p">介绍：莫斯卡托葡萄起泡酒有着诱人的花果香，加上绵密不扎口的微起泡，较低的酒精度和甜甜的口感，好喝到让人停不下来。</p>
      </div>
    </div>

    <div class="polaroid">
      <img src="../static/images/3.jpg" alt="Norway" style="width:50%">
      <div class="container">
            <h3>商品编号：2</h3>
            <h3>商品名称：天使之手</h3>
            <h3>$89rmb</h3>
        <p class="p">介绍：葡萄酒届的小清新。手印的造型非常有特点！瓶型创意源自米开朗琪罗画作《创作亚当》的天使之手。</p>
      </div>
    </div>

    <div class="polaroid">
      <img src="../static/images/4.jpg" alt="Norway" style="width:50%">
      <div class="container">
            <h3>商品编号：3</h3>
            <h3>商品名称：三得利梅酒</h3>
            <h3>$97rmb</h3>
        <p class="p">介绍：口感醇厚，颜色金黄透亮，味道酸甜可口，香气十足，让人回味无穷。</p>
      </div>
    </div>

    <div class="polaroid">
      <img src="../static/images/5.jpg" alt="Norway" style="width:50%">
      <div class="container">
            <h3>商品编号：4</h3>
            <h3>商品名称：海盐荔枝啤酒</h3>
            <h3>$11.5rmb</h3>
        <p class="p">介绍：味道甜甜的，果味十足，口感清新宜人，犹如感受到海风轻拂的气息。</p>
      </div>
    </div>


</body>
</html>